@import '../base/variables.scss';
/* main/index.html */
.index-wrapper {
	.info-row {
		margin-bottom: 20px;
	}
	.info-list,
	.banner {
		min-height: 300px;
	}
	.info-list-item {
		background-color: $white;
		border-right: 1px solid $grey;
		margin-bottom: 15px;
		text-align: center;
		color: $default;
		&:nth-child(4n) {
			border-right: none;
		}
		.chart {
			margin-top: 10px;
			position: relative;
			display: inline-block;
			width: 110px;
			height: 110px;
			line-height: 110px;
			text-align: center;
		}
		.chart canvas {
			position: absolute;
			top: 0;
			left: 0;
		}
		.percent {
			display: inline-block;
			line-height: 110px;
			z-index: 2;
		}
	}
	.class-list {
		.class-list-item {
			border-top: 1px solid #e1e5ec;
			border-right: 1px solid #e1e5ec;
			border-bottom: 5px solid transparent;
			box-sizing: border-box;
			text-align: center;
			background-color: $white;
			transition: border .5s;
			&:hover {
				border-bottom: 5px solid $blue;
			}
			img {
				width: 48px;
				margin: 10px auto 0;
			}
		}
	}
}
.finace-row {
	margin-bottom: 15px;
	.finace-row-item {
		box-sizing: border-box;
		border: 1px solid $grey;
		background-color: $white;
		padding-top: 10px;
		padding-bottom: 10px;
		&-head {
			font-size: 14px;
		    font-weight: 700;
		    color: #8e9daa;
		    margin: 0 0 20px;
		    span {
		    	color: $blue;
		    	margin-left: 10px;
		    }
		}
		&-body {
			&-left {
				float: left;
				width: 60px;
			    height: 60px;
			    display: inline-block;
			    font-size: 24px;
			    line-height: 60px;
			    color: $white;
			    text-align: center;
			    margin-right: 10px;
			}
			&-right {
				float: left;
				h3 {
					font-weight: 700;
		    		color: #8e9daa;
					font-size: 14px;
					margin: 0 0 5px;
					padding: 0;
				}
				p {
					font-size: 18px;
					margin: 0;
					color: $blue;
				}
			}
		}
	}
}
/*info-swiper*/ 
.info-swiper {
	h2 {
		margin: 0;
	}
	.swiper-slide {
		overflow: hidden;
	}
	.info-tips {
		width: 40%;
		float: left;
		a {
			color: $blue;
			&:hover {
				text-decoration: underline;
			}
		}
	}
	img {
		width: 50%;
		margin-right: 5%;
		float: right;
	}
}